<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表学习</title>
</head>
<body>

<!--有序列表
应用范围：试卷，问答
-->

<ol>
  <li>Java</li>
  <li>Python</li>
  <li>运维</li>
  <li>前端</li>
  <li>C/C++</li>
</ol>

<hr>

<!--无序列表
应用范围：导航，侧边栏
-->

<ul>
  <li>Java</li>
  <li>Python</li>
  <li>运维</li>
  <li>前端</li>
  <li>C/C++</li>
</ul>

<!--自定义列表
dl：标签
dt：列表名称
dd：列表内容

应用范围：公司网站底部
-->

<dl>
  <dt>学科</dt>

  <dd>Java</dd>
  <dd>Python</dd>
  <dd>Linux</dd>
  <dd>C</dd>

  <dd>苏州</dd>
  <dd>无锡</dd>
  <dd>昆山</dd>
</dl>

</body>
</html>